<!--
 * @Author: your name
 * @Date: 2022-10-28 10:21:52
 * @LastEditTime: 2022-10-28 15:06:13
 * @LastEditors: yuhan
 * @Description: 
 * @FilePath: \apiadmin\src\components\Descrition\index.vue
-->
<template>
  <div class="desc-wrapper">
    <h2 class="title">{{ title }}</h2>
    <div class="desc" v-if="showDesc">
      <slot name="descrition"></slot>
    </div>
  </div>
</template>
<script setup>
defineProps({
  title: {
    type: String,
    default: "标题",
  },
  descrition: {
    type: String,
    default: "描述",
  },
  showDesc: {
    type: Boolean,
    default: true,
  },
});
</script>
<style lang="scss" scoped>
.desc-wrapper {
  .desc {
    padding: $base-content-padding;
    color: $base-color-primary;
    background-color: $base-color-primary-light9;
    border-left: $base-border-width-default solid $base-color-primary;
  }
}
</style>
